<template>
    <div v-bind:style="[activeClass.borderClass]"></div>

    <div v-bind:style="[isActive ? activeClass : '', borderClass]"></div>

    <div v-bind:style="[{backgroundColor:'rgb(59,192,241)',height:'10px'},borderClass]"></div>

</template>

<script setup>
import { ref reactive } from 'vue'
const isActive=ref(true)
const activeClass=reactive({
    
})
</script>